<template>
    <div class="botton">
        <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage1"
            :page-sizes="[5, 10, 20, 30, 50]" :page-size="10" layout="total, sizes, prev, pager, next, jumper" :total="10">
        </el-pagination>
    </div>
</template>

<script>
import { mapMutations, mapState } from 'vuex'
export default {
    data() {
        return {
            currentPage1: 1,
        }
    },
    methods: {
        ...mapMutations(['EShttp']),
        // 每页几条
        handleSizeChange(val) {
            this.ESpageSize = val
            this.EShttp()
        },
        // 第几页
        handleCurrentChange(val) {
            this.ESpageIndex = val
            this.EShttp()
        },
    },
    mounted() {
    },
    computed: {
        ...mapState(['ESpageIndex']),
        ...mapState(['ESpageSize']),
    }
}
</script>

<style lang="scss" scoped>
.content {
    margin: 20px 15px 25px;
}
</style>